<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<sec:authentication property="principal" var="currentPrincipal" scope="page" />

<fmt:setBundle basename="ApplicationMessage" />
<fmt:setLocale value="zh_CN" />

<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>

</head>

<body class="ms-theme-blue">

  <%@ include file="/WEB-INF/include/header.jsp"%>
  <%@ include file="/WEB-INF/include/submenu.jsp"%>

  <div class="container-fluid ms-container has-ms-sidemenu">

    <ol class="ms-breadcrumb breadcrumb">
      <li class="active">牵引车信息管理</li>
    </ol>

    <div class="ms-content-layout">

      <form method="POST" action="${ctx.host}/tractors" class="form-horizontal ms-form form-personal-info" 
            data-validate="true" data-redirect="${ctx.host}/tractors">

        <div class="block-heading">
          <h5>牵引车基本信息</h5>
        </div>
        
        <div class="form-group  ms-form-group">
          <label class="control-label col-xs-3">1&nbsp;<span class="color-red">*</span>中文车牌号：</label>
          <div class="col-xs-3 pull-left">
            <input type="text" name="brandCNCode" data-validate="required|brand_cn_code" class="form-control" placeholder="例：沪DS6057" tabindex="1" autocomplete="off" />
          </div>

          <label class="control-label col-xs-2">2&nbsp;<span class="color-red">*</span>英文车牌号：</label>
          <div class="col-xs-3 pull-left">
            <input type="text" name="brandENCode" data-validate="required|brand_en_code" class="form-control" placeholder="例：HDS6057" tabindex="2" autocomplete="off" />
          </div>
        </div>
        
        <div class="form-group  ms-form-group">
          <label class="control-label col-xs-3">3&nbsp;<span class="color-red">*</span>VIN码：</label>
          <div class="col-xs-3 pull-left">
            <input type="text" name="vincode" data-validate="required" class="form-control" placeholder="VIN码" tabindex="3" autocomplete="off" />
          </div>
          
          <label class="control-label col-xs-2">4&nbsp;<span class="color-red">*</span>品牌：</label>
          <div class="col-xs-3 pull-left">
            <input type="text" name="brand" data-validate="required" class="form-control" placeholder="品牌" tabindex="4" autocomplete="off" />
          </div>
        </div>
        
        <div class="form-group ms-form-group">
          <label class="control-label col-xs-3">5&nbsp;<span class="color-red">*</span>马力：</label>
          <div class="col-xs-3 pull-left">
            <input type="text" name="horsepower" data-validate="required|number" class="form-control" placeholder="马力" tabindex="5" autocomplete="off" />
          </div>
          
          <label class="control-label col-xs-2">6&nbsp;<span class="color-red">*</span>产证所有者：</label>
          <div class="col-xs-3 pull-left">
            <input type="text" name="floorLord" data-validate="required" class="form-control" placeholder="产证所有者" tabindex="6" autocomplete="off" />
          </div>
        </div>

        <div class="form-group ms-form-group">
          <label class="control-label col-xs-3">7&nbsp;<span class="color-red">*</span>车辆所属权 ：</label>
          <div class="col-xs-3 pull-left">
            <select name="carOwnership" data-validate="required" class="select2 form-control" tabindex="7">
              <option></option>
              <c:forEach var="carOwnership" items="${enums['CarOwnership']}">
                <option value="${carOwnership}">${carOwnership.description}</option>
              </c:forEach>
            </select>
          </div>

          <label class="control-label col-xs-2">8&nbsp;<span class="color-red">*</span>运输工具类型：</label>
          <div class="col-xs-3 pull-left">
            <select name="transMean" class="select2 form-control" data-validate="required" tabindex="8">
              <option></option>
              <c:forEach var="transMean" items="${enums['TransMean']}">
                <option value="${transMean}">${transMean.description}</option>
              </c:forEach>
            </select>
          </div>
        </div>

<%--        <div class="form-group ms-form-group">--%>
<%--          <label class="control-label col-xs-3">9&nbsp;GPS品牌：</label>--%>
<%--          <div class="col-xs-3 pull-left">--%>
<%--            <input type="text" name="gps" class="form-control" placeholder="GPS品牌" tabindex="9" autocomplete="off" />--%>
<%--          </div>--%>

<%--          <label class="control-label col-xs-2">10&nbsp;GPS绑定SIM卡号 ：</label>--%>
<%--          <div class="col-xs-3 pull-left">--%>
<%--            <input type="text" name="simCard" class="form-control" placeholder="GPS绑定SIM卡号" tabindex="10" autocomplete="off" />--%>
<%--          </div>--%>
<%--        </div>--%>

        <div class="form-group  ms-form-group">
          <label class="control-label col-xs-3">9&nbsp;<span class="color-red">*</span>发证日期：</label>
          <div class="col-xs-3 pull-left">
            <input type="text" name="issuingTime" data-validate="required" class="form-control date" placeholder="发证日期" tabindex="11" autocomplete="off" />
          </div>
          
          <label class="control-label col-xs-2">10&nbsp;<span class="color-red">*</span>注册日期：</label>
          <div class="col-xs-3 pull-left">
            <input type="text" name="registrationTime" data-validate="required" class="form-control date" placeholder="注册日期" tabindex="12" autocomplete="off" />
          </div>
        </div>

        <div class="form-group  ms-form-group">
          <label class="control-label col-xs-3">11&nbsp;<span class="color-red">*</span>轴数：</label>
          <div class="col-xs-3 pull-left">
            <input type="text" name="axles" data-validate="required|number" class="form-control" placeholder="轴数" tabindex="13" autocomplete="off" />
          </div>

          <label class="control-label col-xs-2">12&nbsp;<span class="color-red">*</span>年检有效期至：</label>
          <div class="col-xs-3 pull-left">
            <input type="text" name="annualInspectionDate" data-validate="required" class="form-control month" placeholder="年检有效期至" tabindex="14" autocomplete="off" />
          </div>
        </div>
        
        <div class="form-group  ms-form-group">
          <label class="control-label col-xs-3">13&nbsp;<span class="color-red">*</span>装载量：</label>
          <div class="col-xs-3 pull-left">
            <input type="text" name="trainload" data-validate="required|number" class="form-control" placeholder="装载量" tabindex="15" autocomplete="off" />
          </div>
          
          <label class="control-label col-xs-2">14&nbsp;<span class="color-red">*</span>车辆类型（行驶证）：</label>
          <div class="col-xs-3 pull-left">
            <select name="vehicleType" data-validate="required" class="select2 form-control" tabindex="16">
              <option></option>
              <c:forEach var="vehicleType" items="${enums['TractorVehicleType']}">
                <option value="${vehicleType}">${vehicleType.description}</option>
              </c:forEach>
            </select>
          </div>
        </div>

        <div class="form-group ms-form-group" style="margin-bottom: 100px;">
          <div class="col-xs-6 col-xs-offset-3 ms-operation-group top-margin-20 text-center">
            <div class="col-xs-5">
              <button type="button" class="btn btn-block ms-btn-gray btn-go-back">返回</button>
            </div>
            <div class="col-xs-5">
              <button type="submit" class="btn btn-block btn-primary btn-submit">保存</button>
            </div>
          </div>
        </div>

      </form>

    </div>
  </div>

  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource type="script" root="${ctx.resource}/build" src="js/page/supplier/management/tractor/tractor-info-create.js" />
  <script type="text/javascript">
	  require(['page/supplier/management/tractor/tractor-info-create'], function (page) {
	    page.init()
	  })
  </script>

</body>
</html>